<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>The text-only CSS loaders</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="page">
	<div class="page__loader">
		<div class="uia-text-loader" data-uia-text-loader-type="uia-text-loader-type-1">
			<div class="uia-text-loader__text">
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">L</span>
					L
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">o</span>
					o
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">a</span>
					a
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">d</span>
					d
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">i</span>
					i
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">n</span>
					n
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">g</span>
					g
				</span>
			</div>
		</div>
	</div>
	<div class="page__loader">
		<div class="uia-text-loader" data-uia-text-loader-type="uia-text-loader-type-2">
			<div class="uia-text-loader__text">
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">L</span>
					L
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">o</span>
					o
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">a</span>
					a
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">d</span>
					d
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">i</span>
					i
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">n</span>
					n
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">g</span>
					g
				</span>
			</div>
		</div>
	</div>
	<div class="page__loader">
		<div class="uia-text-loader" data-uia-text-loader-type="uia-text-loader-type-3">
			<div class="uia-text-loader__text">
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">L</span>
					L
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">o</span>
					o
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">a</span>
					a
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">d</span>
					d
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">i</span>
					i
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">n</span>
					n
				</span>
				<span class="uia-text-loader__letter">
					<span  class="uia-text-loader__letter-placeholder" aria-hidden="true">g</span>
					g
				</span>
			</div>
		</div>
	</div>
</div>
<!-- partial -->
  
</body>
</html>
